<template>
    <div class="box"> 
        <div class="boxone">
          <div class="boxtow">
            <button>00天00:00:00后截止</button>
            <span>已有785554人参与</span>
         </div>
         <div class="boxthree">
             <img src="" >
         </div>
         <div class="one">
              <p>沃斯科真空吸尘器</p>
             <p>好一点赞助</p>
             <p>价值￥1155</p>
             <span>30盒花兑换</span>
         </div>
       </div>
       
        <Bb/>
    </div>  
    
</template>
   
<script>
export default {

}
</script>

<style  scoped>
.boxone {
  height: 1.8rem;
  width: 96%;
  margin: 0 auto;
  border-radius: 0.1rem;
  margin-bottom: 0.1rem;
  background-color:white
}
.boxtow{
    width:100%;
    height: 0.42rem;
    line-height: 0.42rem;
    color: #c19f8c;
}
.boxtow button{
    width: 1.4rem;
    height: 0.2rem;
    line-height: 0.2rem;
    border-style: none;
    margin-left: 0.2rem;
}
.boxtow span{
    margin-left: 1.2rem;
}
.boxthree{
  float: left;
}
.boxthree img{
   width: 1.12rem;
   height: 1.12rem;
   margin: 0.1rem 0.2rem;
   border-radius:6% ;
}
.one{
    float: left;
    /* width: 1.5rem;
    height: 1.2rem; */
    /* border: 1px solid red; */
    margin-left: 0.2rem;
    margin-top: 0.05rem;
}
.one p{
    color:#6c6869;
    margin:0.1rem 0;
}
.one p:nth-child(2){
    color: #cacaca;
}
.one p:nth-child(3){
    color: #cc6d69;
}
.one span{
    display: block;
    color: white;
    font-size: 0.15rem;
    border-radius:0.2rem;
    width: 2rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    background: chocolate;
    
}
</style>>
 
